/*
文件名称：css.less
字 符 集：UTF-8
创建时间：2017-5-16 14:18:20
创 建 人：qoyf <qoyf@vip.qq.com>
版权所有 (C)  2017 .
*/
/* 
    Created on : 2017-5-16, 14:18:20
    Author     : qoyf <qoyf@vip.qq.com>
*/
html {
  margin: 0;
  padding: 0;
  border: 0;
  _background-image: url(n1othing.txt);
}
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
code,
del,
dfn,
em,
img,
q,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
caption,
tbody,
tfoot,
thead,
article,
aside,
dialog,
figure,
footer,
header,
hgroup,
nav,
section {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
ol,
ul,
li {
  list-style: none;
}
body {
  line-height: 1.5;
  font-family: 'Microsoft Yahei', Arial, Helvetica, sans-serif;
  font-size: 16px;
  color: #333;
}
table,
tr,
th,
td {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  float: none !important;
}
table,
th,
td,
select,
img,
input,
object {
  vertical-align: middle;
}
:focus {
  outline: 0;
}
input,
select {
  margin: 0;
}
a {
  color: #ffffff;
  text-decoration: none;
}
a:hover {
  color: #005EA7;
  text-decoration: none;
}
p,
a,
td {
  word-wrap: break-word;
  word-break: break-all;
}
img {
  border: none;
  vertical-align: top;
}
textarea {
  resize: none;
  border: 1px solid #ccc;
}
textarea:hover {
  border-color: #ccc;
}
input[type="text"],
input[type="button"] {
  -webkit-appearance: none;
  border-radius: 0;
  font-family: 'Microsoft Yahei', '黑体', Arial, Helvetica, sans-serif;
}
input[type="text"] {
  border: solid 1px #ccc;
  border-radius: 0;
}
dfn {
  font-style: normal;
  font-family: Arial;
}
/* 默认浮动 */
.fl {
  float: left;
}
.fr {
  float: right;
}
.clear {
  *zoom: 1;
}
.clear:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
/* 显示隐藏 */
.hide {
  display: none;
}
.show {
  display: block;
}
/* 文本方向 */
.tal {
  text-align: left;
}
.tar {
  text-align: right;
}
.tac {
  text-align: center;
}
/* 截取 */
.over {
  overflow: hidden;
}
.ofv {
  overflow: visible !important;
}
/* 定位 */
.abs {
  position: absolute;
}
.rel {
  position: relative;
}
/* 鼠标手势 */
.cursor {
  cursor: pointer;
}
.def {
  cursor: default;
}
/* 。。。。 */
.ellipsis {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* 强制折行 */
.break-word {
  word-wrap: break-word;
  /*支持IE，chrome，FF*/
  word-break: break-all;
  /*支持IE，chrome，FF不支持*/
}
/* 默认置灰 */
/* 默认字体 */
.f-12 {
  font-size: 12px;
}
.f-14 {
  font-size: 14px;
}
.f-16 {
  font-size: 16px;
}
.f-18 {
  font-size: 18px;
}
.f-20 {
  font-size: 20px;
}
.f-22 {
  font-size: 22px;
}
.f-24 {
  font-size: 24px;
}
.f-26 {
  font-size: 26px;
}
.f-28 {
  font-size: 28px;
}
.f-30 {
  font-size: 30px;
}
.f-32 {
  font-size: 32px;
}
@font-face {
  font-family: "iconfont";
  src: url('../font/iconfont.eot?t=1499084188606');
  /* IE9*/
  src: url('../font/iconfont.eot?t=1499084188606#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/iconfont.woff?t=1499084188606') format('woff'), /* chrome, firefox */ url('../font/iconfont.ttf?t=1499084188606') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('../font/iconfont.svg?t=1499084188606#iconfont') format('svg');
  /* iOS 4.1- */
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-yonghu:before {
  content: "\e613";
}
.icon-dianhua:before {
  content: "\e611";
}
.icon-nianling:before {
  content: "\e668";
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  background-color: #000;
  color: #fff;
}
.page {
  width: 100%;
  position: absolute;
  overflow: hidden;
}
.page .content {
  position: relative;
  /* height: 100%; */
}

.input-group {
  line-height: 6em;
  display: block;
  *zoom: 1;
  position: relative;
}
.input-group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.input-group:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}
.input-group label.iconfont {
  font-size: 2.3em;
  padding: 0 10px 0 38px;
  margin: 0px 10px 0 0;
  float: left;
}
.input-group label.error {
  position: absolute;
  bottom: -30px;
  left: 200px;
}

.error {
  color: red;
}
#loading {
  position: absolute;
  width: 100%;
}
.spinner {
  margin: 0 auto;
  width: 150px;
  text-align: center;
}
.spinner > li {
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  /* Safari 和 Chrome */
  -moz-animation: bouncedelay 1.4s infinite ease-in-out;
  /* Firefox 4 */
  -ms-animation: bouncedelay 1.4s infinite ease-in-out;
  /* IE */
  -o-animation: bouncedelay 1.4s infinite ease-in-out;
  /* Opera */
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  /* Safari 和 Chrome */
  -moz-animation-fill-mode: both;
  /* Firefox 4 */
  -ms-animation-fill-mode: both;
  /* IE */
  -o-animation-fill-mode: both;
  /* Opera */
  animation-fill-mode: both;
}
.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  /* Safari 和 Chrome */
  -moz-animation-delay: -0.32s;
  /* Firefox 4 */
  -ms-animation-delay: -0.32s;
  /* IE */
  -o-animation-delay: -0.32s;
  /* Opera */
  animation-delay: -0.32s;
}
.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  /* Safari 和 Chrome */
  -moz-animation-delay: -0.16s;
  /* Firefox 4 */
  -ms-animation-delay: -0.16s;
  /* IE */
  -o-animation-delay: -0.16s;
  /* Opera */
  animation-delay: -0.16s;
}
#loading {
  position: absolute;
  width: 100%;
}
#main  {
  background: url("../img/bg.jpg") no-repeat #000 top center / 100% auto;
}
#main .content2 {
  background: url("../img/bg2.jpg") no-repeat #000 top center / 100% auto;
}
.w100{width: 100%}
#main .logo {padding:20px 0px}
#main .num{margin-top: 30px;font-size: 72px}
#main .qr{margin-top: 20px; width: 240px;height:240px; margin: 0 auto;border: 5px solid #fff;}
#main .qr >img{width: 100%;height: auto}
#main .tips{margin: 40px 30px 20px 30px;font-size: 22px;line-height: 36px}
.photo{margin:50px 0;}
.photo img{width: 100%;height: 422px;margin: 0 auto}
#main .txt {margin-top: 50px}
#main .txt span{display: inline-block;}
#main .txt .xx{margin: 20px 0;border-bottom: 2px solid #fff; padding-bottom: 15px}